<page-header [title]="'编辑产品'">
  <!--<ng-template #breadcrumb>-->
    <!--<nz-breadcrumb>-->
      <!--<nz-breadcrumb-item>基本信息</nz-breadcrumb-item>-->
      <!--&lt;!&ndash;<nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>&ndash;&gt;-->
    <!--</nz-breadcrumb>-->
  <!--</ng-template>-->
  <!--<ng-template #tab>-->
    <!--<nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">-->
      <!--<nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>-->
      <!--&lt;!&ndash;<nz-tab nzTitle="文件信息" (nzSelect)="changeTab(1)"></nz-tab>&ndash;&gt;-->
      <!--&lt;!&ndash;<nz-tab nzTitle="其他" (nzSelect)="changeTab(2)"></nz-tab>&ndash;&gt;-->
    <!--</nz-tabset>-->
  <!--</ng-template>-->
  <ng-template #action><button nz-button (click)="back()"style="float: right"><i class="anticon anticon-rollback" style="font-size: 14px"></i>返回列表</button></ng-template>

  <!--<ng-template #extraTemplate>-->
    <!--<button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回列表</button>-->
  <!--</ng-template>-->
</page-header>
<nz-spin [nzSpinning]="loading">

<nz-card nzTitle="基本信息">
  <form nz-form>
    <nz-form-item>
      <!-- <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderNo" name="orderNo">
      </nz-form-control> -->

      <nz-form-label nzSpan="2" nzRequired>客户姓名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.cusName" name="cusName">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>订单金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderAmount" name="orderAmount">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>业务类型</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderType" name="orderType">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>车牌号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.carNo" name="carNo">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>车型</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.carType" name="carType">
      </nz-form-control>
      
      <nz-form-label nzSpan="2" nzRequired>VIN号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.carVin" name="carVin">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPS品牌</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.gpsBrand" name="gpsBrand">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>安装内容</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.gpsType" name="gpsType">
      </nz-form-control>

      <!-- <nz-form-label nzSpan="2" nzRequired>计划安装日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="gpsDate" [(ngModel)]="product.gpsDate"></nz-date-picker>
      </nz-form-control> -->

      <nz-form-label nzSpan="2" nzRequired>计划安装时间</nz-form-label>
      <nz-form-control nzSpan="4">
        <!-- <nz-date-picker nzFormat="yyyy-MM-dd HH:mm" [nzShowTime]="{ nzDefaultOpenValue: timeDefaultValue }" name="gpsTime" [(ngModel)]="product.gpsTime"></nz-date-picker> -->
        <nz-date-picker nzFormat="yyyy-MM-dd" name="gpsTime" [(ngModel)]="product.gpsTime"></nz-date-picker>
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>联系人</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.gpsUser" name="gpsUser">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>联系电话</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.gpsMobile" name="gpsMobile">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>安装地点</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.gpsAddr" name="gpsAddr">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>安装状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.gpsStatus" name="gpsStatus">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>附件编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.installAttaNo" name="installAttaNo">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>安装人</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.installUser" name="installUser">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>安装时间</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="installDate" [(ngModel)]="product.installDate"></nz-date-picker>
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID1</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.installId1" name="installId1">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID2</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.installId2" name="installId2">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID3</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.installId3" name="installId3">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID4</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.installId4" name="installId4">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>GPSID5</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.installId5" name="installId5">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.gpsRemark" name="gpsRemark">
      </nz-form-control>


      <!-- <nz-form-label nzSpan="2">最后操作日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fiDueDate" [(ngModel)]="product.fiDueDate"></nz-date-picker>
      </nz-form-control> -->




    </nz-form-item>
  </form>

</nz-card>

<nz-card    nzTitle="文件信息">

  <form nz-form>
    <div class="clearfix">

      <nz-upload
        [nzMultiple]="true"
        [nzAction]="uploadUrl"
        [nzData]="avatarParam"
        nzListType="picture-card"
        [(nzFileList)]="fileList"
        [nzShowButton]="fileList.length < 30"
        (nzChange)="upLoadChange($event)"
        [nzPreview]="handlePreview">

        <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
        <div style="margin-top: 0px; color: #666;">  </div>
      </nz-upload>
      <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
        <ng-template #modalContent>
          <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
        </ng-template>
      </nz-modal>
    </div>

  </form>
</nz-card>
</nz-spin>

<footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
</footer-toolbar>
